<template>
  <div id="helpMsg">
    <div class="box" v-for="(item, index) in list" :key="index">
      <div class="title">{{ item.title }}</div>
      <div class="msg" v-html="item.msg"></div>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      huiyuanka: [
        {
          title: "怎么成为会员？",
          msg: "您可以从页面底部进入【个人中心】，点击头像右侧的【升级会员】按钮，按照系统提示流程注册并支付会员费后，认证成为湖南省中国石油会员。",
        },
        {
          title: "会员有效期有多久？",
          msg: "湖南省中国石油会员身份自您支付会员费之日起计算，含购买当日总计365个自然日。",
        },
        {
          title: "会员卡怎么续费？",
          msg: "会员到期后，您可以在【首页】、【个人中心】及其他提示页面进行续费，无需重新提交认证资料。会员到期将不影响您的核销记录、历史订单数据。",
        },
        {
          title: "会员身份可以注销吗？",
          msg: "湖南省中国石油会员身份及账号可以注销。<br><br>注销后，您的账号、账号下的未享受完的权益、历史订单信息等将被删除且不可恢复。请谨慎选择注销。<br><br>如果您需要注销会员身份，请致电客服热线：0731-85113522（工作日09:00-18:00）。",
        },
        {
          title: "会员费可以退款吗？",
          msg: "会员费用于办理湖南省中国石油会员的相关手续、客服及技术系统维护等，一旦支付无法退还。",
        },
        {
          title: "会员手机号换了怎么办？",
          msg: "请致电客服热线：0731-85113522（工作日09:00-18:00）。<br>客服工作人员将与您核对身份信息、消费信息等，确认是您本人之后在1个工作日内为您更换手机号码。",
        },
      ],
      huiyuanquanyi: [
        {
          title: "怎么领取会员基础权益？",
          msg: "湖南省中国石油会员基础权益领取，需完成完整的会员注册认证流程。<br>第一步：注册并支付会员费。<br>第二步：提交个人资料，认证真实车主身份。<br>系统将为真实车主发放所有会员权益。",
        },
        {
          title: "在哪里查看领取的基础权益？",
          msg: "基础会员权益由系统自动发放。您可以从两个位置查看权益发放情况：<br>位置一：<br>进入首页，点击vip专属卡下的汽油券/非油券，进入电子券包查看。<br>位置二：<br>进入页面底部的个人中心，点击中石油电子券版块中【未使用】，进入电子券包查看。",
        },
        {
          title: "如何使用中国石油的电子券？",
          msg: "您获得湖南省中国石油的电子券后，可以前往省内的中国石油自营加油站按如下步骤操作：<br>【券包里面的使用流程图】下列9家合营加油站将无法使用：<br><br>1．先导长望路加油站<br>地址：长沙市岳麓区麓枫路与岳麓西大道交汇处北<br><br>2．百通公司大文加油站<br>地址：长沙市宁乡市206省道<br><br>3．北盛加油站<br>地址：长沙市浏阳市北盛镇黄江村<br><br>4．丰发加油站<br>地址：长沙市望城区黄金乡桐林坳丰发加油站<br><br>5．许兴加油站<br>地址：长沙市天心区芙蓉南路与暮石路交汇处<br><br>6．大文加油站<br>地址：长沙浏阳市大瑶镇汇丰社区芳草组<br><br>7．湖南长沙中意路加油站<br>地址：长沙市天心区新路村中意路西侧<br><br>8．湖南长沙杜鹃加油站<br>地址：长沙市岳麓区杜鹃西路834号<br><br>9．湖南长沙响塘湾加油站<br>地址：长沙市望城区银杉路银星小区北300米<br><br>",
        },
        {
          title: "哪几家加油站限制使用中国石油电子券？",
          msg: "湖南省中国石油电子券限自营加油站使用，下列9家合营加油站将无法使用：<br><br>1．先导长望路加油站<br>地址：长沙市岳麓区麓枫路与岳麓西大道交汇处北<br><br>2．百通公司大文加油站<br>地址：长沙市宁乡市206省道<br><br>3．北盛加油站<br>地址：长沙市浏阳市北盛镇黄江村<br><br>4．丰发加油站<br>地址：长沙市望城区黄金乡桐林坳丰发加油站<br><br>5．许兴加油站<br>地址：长沙市天心区芙蓉南路与暮石路交汇处<br><br>6．大文加油站<br>地址：长沙浏阳市大瑶镇汇丰社区芳草组<br><br>7．湖南长沙中意路加油站<br>地址：长沙市天心区新路村中意路西侧<br><br>8．湖南长沙杜鹃加油站<br>地址：长沙市岳麓区杜鹃西路834号<br><br>9．湖南长沙响塘湾加油站<br>地址：长沙市望城区银杉路银星小区北300米<br><br>",
        },
        {
          title: "会员权益领取失败怎么办？",
          msg: "由于网络延时或权益调整，您的会员权益可能出现领取失败的情况。请致电专项客服热线：0731-85113522（工作日09:00-18:00）。",
        },
      ],
      shangping: [
        {
          title: "可以在哪些地点使用会员权益及商品？",
          msg: "湖南省中国石油电子券限自营加油站使用，下列9家合营加油站将无法使用：<br><br>1．先导长望路加油站<br>地址：长沙市岳麓区麓枫路与岳麓西大道交汇处北<br><br>2．百通公司大文加油站<br>地址：长沙市宁乡市206省道<br><br>3．北盛加油站<br>地址：长沙市浏阳市北盛镇黄江村<br><br>4．丰发加油站<br>地址：长沙市望城区黄金乡桐林坳丰发加油站<br><br>5．许兴加油站<br>地址：长沙市天心区芙蓉南路与暮石路交汇处<br><br>6．大文加油站<br>地址：长沙浏阳市大瑶镇汇丰社区芳草组<br><br>7．湖南长沙中意路加油站<br>地址：长沙市天心区新路村中意路西侧<br><br>8．湖南长沙杜鹃加油站<br>地址：长沙市岳麓区杜鹃西路834号<br><br>9．湖南长沙响塘湾加油站<br>地址：长沙市望城区银杉路银星小区北300米<br><br>",
        },
        {
          title: "在哪里找购买过的商品？",
          msg: "您可以前往页面底部的【个人中心】，进入【历史订单】版块查看您购买过的商品和购买详情。",
        },
        {
          title: "使用商品过程中出现了问题怎么办？",
          msg: "您可以前往页面底部的【个人中心】，进入【官方客服】版块，根据出现问题商品的品类拨打对应专项客服热线。",
        },
        {
          title: "商品重复购买/不需要怎么办？",
          msg: "您可以前往页面底部的【个人中心】，进入【官方客服】版块，根据您问题商品的品类拨打对应专项客服热线。<br>由于部分商品（例如直充类）的特殊性，您所重复购买的商品/服务已经在您支付该笔订单后发送/开通/续费，款项已经由平台商家转移支付给提供该商品/服务的第三方平台，订单及款项无法撤回。<br>您可以尝试联系第三方平台。",
        },
        {
          title: "第三方商品指定充值账号填写错误怎么办？",
          msg: "由于部分商品（例如直充类）的特殊性，您所重复购买的商品/服务已经在您支付该笔订单后发送/开通/续费，款项已经由平台商家转移支付给提供该商品/服务的第三方平台，订单及款项无法撤回。<br>您可以尝试联系第三方平台。",
        },
      ],
      shengfenrenzheng: [
        {
          title: "为什么要认证车主身份？",
          msg: "湖南省中国石油会员是为湖南省中国石油车主专门设立的特殊服务项目。<br>会员权益平台以车主用车生活为核心，围绕加油、洗车、车险、用车等与车辆有关场景提供对应权益及服务。认证车主身份后，方可为您提供更全面、更精准的服务。",
        },
        {
          title: "认证车主身份需要什么资料？",
          msg: "认证车主身份需要确认是您本人，并且车辆是在您本人名下。仅需您提供身份证、行驶证信息。",
        },
        {
          title: "为什么会认证失败？",
          msg: "在网络畅通的情况下，为保障服务质量，平台每位车主（以身份证为准）可且仅可认证一个会员身份。请确认您未认证过本平台车主身份。<br>如有疑问，请致电客服热线：0731-85113522（工作日09:00-18:00）。",
        },
      ],
      list: [],
    };
  },
  created() {
    // this.id = this.$route.query.id
    switch (this.$route.query.id) {
      case 0:
        this.list = this.huiyuanka;
        break;
      case 1:
        this.list = this.huiyuanquanyi;
        break;
      case 2:
        this.list = this.shangping;
        break;
      case 3:
        this.list = this.shengfenrenzheng;
        break;
    }
  },
};
</script>

<style lang="scss" scoped>
#helpMsg {
  padding: 0.1rem 0;
}
.box {
  width: 95%;
  margin: 0.5rem auto;
  background-color: #fff;
  padding: 0.2rem 0.3rem;
  box-sizing: border-box;
  border-radius: 0.15rem;
  box-shadow: 0px 10px 35px 0px rgba(198, 198, 198, 0.36);
  .title {
    position: relative;
    padding: 0.1rem 0.3rem;
    border-bottom: 1px solid #ccc;
  }
  .title::after {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    content: "";
    width: 0.1rem;
    height: 0.3rem;
    background-color: #dc4433;
    border-radius: 1rem;
  }
  .msg {
    padding: 0.1rem 0.3rem;
    line-height: 0.5rem;
  }
}
</style>